<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        var src = "<div>div1</div>"
                + "<div class='link' a='abc-1'>内容一<br/>内容二</div>"
                + "<p>ppp1</p>"
                + "<div>div2</div>"
                + "<div class='link' a='abc-2'>内容一2<br/>内容二2</div>"
                + "<p>ppp2</p>"
                + "<div>div3</div>"
                + "<div class='link' a='abc-3'>内容一3<br/>内容二3</div>"
                + "<p>ppp3</p>";

        var reg = new RegExp(/<div class='link'.*?>.*?<\/div>/ig);
        var re = reg.test(src);
        console.log(re);

        var mat = src.match(reg);
        var count = 1;
        mat.forEach(function (item) {
            var srcItem = item;
            console.log(item);
            var regItem = new RegExp(/a='.*?'/ig);
            var para = item.match(regItem);
            //console.log(para);
            item = item.replace("<br/>", "&");
            item = item.replace(/<.*?>/, "");
            item = item.replace(/<\/.*?>/, "");
            var itemArr = item.split("&");
            console.log(itemArr);
            var newItem = "";
            itemArr.forEach(function (arrItem) {
                newItem += "<div " + para + ">" + arrItem + "</div>"
            });
            console.log(newItem);
            src = src.replace(srcItem, newItem)
            count++;
        })
        console.log(mat);
        console.log(src);
    </script>
</head>
<body>

<h1>旧内容</h1>

<div>div1</div>
<div class='link' a='abc-1'>内容一<br/>内容二</div>
<p>ppp1</p>
<div>div2</div>
<div class='link' a='abc-2'>内容一2<br/>内容二2</div>
<p>ppp2</p>
<div>div3</div>
<div class='link' a='abc-3'>内容一3<br/>内容二3</div>
<p>ppp3</p>


<hr>
<h1>新内容</h1>

<div>div1</div>
<div a='abc-1'>内容一</div>
<div a='abc-1'>内容二</div>
<p>ppp1</p>
<div>div2</div>
<div a='abc-2'>内容一2</div>
<div a='abc-2'>内容二2</div>
<p>ppp2</p>
<div>div3</div>
<div a='abc-3'>内容一3</div>
<div a='abc-3'>内容二3</div>
<p>ppp3</p>

</body>
</html>